<template>
  <div class="head">
    <div>
      <span @click="back"><img src="../../../../static/images/tabbar/back.png" alt="" /></span>
    </div>
    <p>{{title}}</p>
    <span class="sright">{{text}}</span>
  </div>
</template>

<script>
export default {
  props: ["title","text"],
  methods: {
    back(){
      this.$router.go(-1)
    }
  },
};
</script>

<style lang="less" scoped>
.head {
  padding: 10px 20px;
  display: flex;
  font-size: 30px;
  background-color: #fff;
  img {
    width: 40px;
    margin-top: 10px;
    margin-right: 15px;
  }
  p {
    font-size: 35px;
    margin-top: 5px;
  }
  .sright {
    flex: 1;
    text-align: right;
    font-size: 25px;
    margin-top: 10px;
  }
}
</style>